<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .bigbox {
        display: inline-block;
        width: 100%;
        height: 1000px;
        background-color: rgb(52, 45, 45);
        display: flex;
        align-items: center;
        .box {
          margin: 0 auto;
          padding: 20px;
          width: 300px;

          background-size: 400% 400%;
          animation: gradient 15s ease infinite;

          box-shadow: 0 0 20px rgba(36, 35, 35, 0.5),
            0 0 30px rgba(133, 234, 124, 0.824),
            0 0 40px rgba(0, 85, 138, 0.947);
          .h,
          .text {
            color: #fff;
          }
        }
      }
    </style>
  </head>
  <body>
    <div class="bigbox">
      <div class="box">
        <div class="h">
          <h1>发光</h1>
        </div>
        <div class="text">
          <a
            >No one’s born being good at all things. You become good at things
            through hard work. You’re not a varsity athlete the first time you
            play a new sport. You don’t hit every note the first time you sing a
            song.You’ve got to practice. The same principle applies to your
            schoolwork. You might have to do a math problem a few times before
            you get it right. You might have to read something a few times
            before you understand it.You definitely have to do a few drafts of a
            paper before it’s good enough to hand in</a
          >
        </div>
      </div>
    </div>
  </body>
</html>
